<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<canvas id="myCanvas" width="200" height="100"style="border:1px solid black;background-color: aquamarine;"></canvas>

		<script type="text/javascript">
			var c=document.getElementById("myCanvas");
			var ctx=c.getContext("2d"); //创建context对象，内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
			ctx.beginPath();	//路径
			ctx.arc(95,50,40,0,2*Math.PI);   //arc(x,y,r,start,stop)
			ctx.fill();		//fill绘制填充（实心 ）   stroke是绘制边框（空心）
		</script> 
	</body>
</html>
